<?php /*a:4:{s:63:"D:\work\lilynewzhong\application\index\view\product\detail.html";i:1699495355;s:62:"D:\work\lilynewzhong\application\index\view\public\header.html";i:1699495354;s:60:"D:\work\lilynewzhong\application\index\view\public\form.html";i:1699495354;s:62:"D:\work\lilynewzhong\application\index\view\public\footer.html";i:1699495353;}*/ ?>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8" />
    <title><?php echo $seo_title?></title>
    <link rel="shortcut icon" href="/lily.ico" type="image/x-icon" />
    <meta name="keywords" content="<?php echo htmlentities($seo_keywords); ?>" />
    <meta name="description" content="<?php echo htmlentities($seo_desc); ?>" />
    <meta name="title" content="<?php echo htmlentities($seo_title); ?>" />
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=3.0, minimum-scale=1.0">
    <meta name="applicable-device" content="pc,mobile">
    <meta name="baidu-site-verification" content="code-ohmEl6V1zx" />
    <meta name="baidu-site-verification" content="code-x7NeohZb7A" />

    <?php if((request()->controller()=='News'||request()->controller()=='Events')&&request()->action()=='detail'){?>
    <meta property='og:title' content="<?php echo htmlentities($title); ?>"/>
    <meta property='og:image' content="<?php echo htmlentities($cover); ?>"/>
    <meta property='og:description' content="<?php echo htmlentities($first); ?>"/>
    <meta property='og:url' content="$url"/>
    <meta property="og:image:width" content="1200"/>
    <meta property="og:image:height" content="630"/>
    <meta name="twitter:site" content="@https://www.lily-bearing.com/" />
    <meta name="twitter:creator" content="@lilybearing" />
    <meta name="twitter:title" content="<?php echo htmlentities($title); ?>">
    <meta name="twitter:description" content="<?php echo htmlentities($first); ?>">
    <meta name="twitter:image" content="<?php echo htmlentities($cover); ?>">
    <meta name="twitter:card" content="summary_large_image">
    <?php }if($base_data['is_no_index']==true){ ?><meta name='robots' content='noindex'><?php }?>
   
    <!--/*no header css */-->
    <style>
        ::-webkit-scrollbar{
    width:8px;
    height: 6px;
  }
  ::-webkit-scrollbar-thumb{
    border-radius: 10px;
    box-shadow: 0 0 1px rgb(255 255 255 / 50%);
    background-color: rgba(0, 0, 0, .2);
  }
  ::-webkit-scrollbar-track-piece{
    border-radius: 10px;
    box-shadow: 0 0 1px rgb(255 255 255 / 50%);
    background-color: #ededed;
  }
         @media(max-width:768px) {
            #header {
                display: none;
            }
        }

        #footer .footer-nav {
            display: none;
        }

        #footer .footer-copyright-container {
            display: none;
        }

        .footer-service .footer-wrapper {
            display: none;
        }

        .header-lang-item.active>a, .header-lang-item:hover>a {
            color: #36648a !important;
        }
        .header-lang-item.active:after {
            border-right: 3px solid #36648a !important;
        }

        .header-mbnav-level2-item .active {
            color: #36648a !important;
        }
        *,:after,:before {
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

    </style>
 
    <script>window.$aioList = [ "hua" ]; window.$aioCdnPrefix = '/';</script>
    <script>
        window.gConfig =  window.gConfig || {};
        window.gConfig.isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
        var hClassName;
        if(window.gConfig.isMobile){
            hClassName = 'phone';
        }else{
            hClassName = 'pc';  
        }
        if(window.$aioList) {
            for(var i=0; i<window.$aioList.length; i++) {
                if(window.$aioCdnPrefix){
                    if(window.$aioList[i].length>0) {
                        document.write('<link rel="stylesheet" href="'+window.$aioCdnPrefix+window.$aioList[i]+'/'+(window.gConfig.isMobile?'phone':'pc')+'/css/index.css" />');
                    }
                } else {
                    if(window.$aioList[i].length>0) {
                        document.write('<link rel="stylesheet" href="'+window.$aioCdnPrefix+window.$aioList[i]+'/'+(window.gConfig.isMobile?'phone':'pc')+'/css/index.css" />');
                    }
                }
                
            }
        }
        var root = document.documentElement;
        root.className += hClassName ; 
    </script>
    <link rel="canonical" href="<?php echo $base_data['canonical_url']?>" />
    <link rel="stylesheet" href="/static/css/swiper-bundle.min.css" media="all" />
    <link rel="stylesheet" href="/static/layui/css/layui.css" media="all" />
    <link rel="stylesheet" href="/static/css/public4.css" media="all" />
    <link rel="stylesheet" href="/static/css/header-es-search.css" media="all" />
    <link rel="stylesheet" href="/static/css/header-sp.css" media="all" />

    <link rel="alternate" data-cp-role="site.variant" title="Chinese" hreflang="zh" href="<?php echo http_type().'www.lilybearing.com'.$_SERVER['REQUEST_URI'];?>" />
    <?php if($base_data['iszhong']==1){?>
    <link rel="alternate" data-cp-role="site.variant" title="English" hreflang="en" href="<?php echo http_type().'www.lily-bearing.com'.$_SERVER['REQUEST_URI'];?>"  />
    <?php } ?>
    
    <script type="text/javascript">
        //中文头部js代码位置
        //百度统计代码
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?c5cc3b7c8c8813804401ae2b787ddc5a";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <script type="text/javascript">
        (function(c,l,a,r,i,t,y){
            c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
            t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
            y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
        })(window, document, "clarity", "script", "cfo4pg4ohz");
    </script>
    <!--百度搜索-询盘框转化跟踪打点-->
    <script>
        window._agl = window._agl || [];
        (function () {
            _agl.push(
                ['production', '_f7L2XwGXjyszb4d1e2oxPybgD']
            );
            (function () {
                var agl = document.createElement('script');
                agl.type = 'text/javascript';
                agl.async = true;
                agl.src = 'https://fxgate.baidu.com/angelia/fcagl.js?production=_f7L2XwGXjyszb4d1e2oxPybgD';
                var s = document.getElementsByTagName('script')[0];
                s.parentNode.insertBefore(agl, s);
            })();
        })();
    </script>
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-H5GKXDQJMM"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
    
      gtag('config', 'G-H5GKXDQJMM');
    </script>
    
    <!-- 英文站头部js代码位置 -->
    
</head>
<body >
<div id="content">
        <div id="common-components-container">
            <div data-mod-name-pc="@cloud/pep-header-and-footer-china/pc/index" data-mod-name-m="@cloud/pep-header-and-footer-china/m/index">
            <style>
                #header.show-dropdown .header-container {
                    height: 100vh !important;
                    z-index: 999;
                }

                .float-sidebar {
                  position: fixed !important;
                  z-index: 990 !important;
                }
            </style>
  
            <div data-mod-id="header" style="z-index:300;height: 60px;">
                <div class="header" data-mod-name="header">
                    <div id="header" bi_parent_name="navigation" meta-data-adjust-app="hide">
                        <div class="header-container">
                           <!--  <div class="header-topnav" >
                                <div class="header-topnav-wrapper">
                                    <li class="header-lang ">
                                        <div class="header-lang-current"><i class="header-icon-earth"></i><span class="header-lang-label">English</span><i class="header-icon-arrow-down"></i></div>
                                        <div class="header-lang-list">
                                            <div class="header-site">
                                                <ul class="header-site-right ">
                                                    <li class="header-lang-item active"><a style="text-decoration: none;" href="https://www.lily-bearing.com/">English</a></li>
                                                    <li class="header-lang-item"><a style="text-decoration: none;" href="https://www.lilybearing.com/">简体中文</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </li>
                                </div>
                            </div> -->
                            <div class="header-wrapper">
                                <div class="header-bottom" style="background-color: #36648a;height: 60px">
                                    <div class="header-bottom-wrapper" style="height: 60px">
                                        <style type="text/css">
                                            @media(max-width:768px) {
                                                .header-logo img{height: 35px !important;width: auto !important;}
                                            }
                                           
                                        </style>
                                        <a class="header-logo"  bi_name="logo" href="/">
                                            <img src="https://image.lily-bearing.com/images/web/logo.png" alt="Lily Bearing">
                                        </a>
                                        <div class="header-nav">
                                            <div class="header-nav-scroll">
                                                <ul class="header-nav-list">
                                                    <?php foreach($base_data['nav_class'] as $key=>$vo): if($vo['first']['cname']=='Contact Us'){?>
                                                    <li><a style="text-decoration: none;" href="/<?php echo htmlentities($vo['first']['url']); ?>/"><span style="font-family: arial,helvetica,sans-serif;font-size: 14px;font-weight: normal;letter-spacing: 1px; color: #ffffff;"><?php echo ucwords($vo['first']['alias_name']); ?></span></a></li>
                                                    <?php }else{ ?>
                                                    <li data-key="<?php echo change_lower_symbol($vo['first']['cname']); ?>" >
                                                        <a style="text-decoration: none;" href="/<?php echo htmlentities($vo['first']['url']); ?>/">
                                                            <span style="font-family: arial,helvetica,sans-serif;font-size: 14px;font-weight: normal;letter-spacing: 1px; color: #ffffff;">
                                                                <?php echo ucwords($vo['first']['alias_name']); ?> 
                                                            </span>
                                                            <i class="layui-icon layui-icon-down" style="font-size:12px; color: #ffffff;display: block;position: static;width: auto;padding-left:5px;padding-top:1px;"></i>
                                                        </a>
                                                        
                                                    </li>
                                                    <?php } ?>
                                                    <?php endforeach; ?>

                                                </ul>
                                            </div>
                                            <div class="header-bottom-mask"></div>
                                            <div class="header-nav-hover-line"></div>
                                        </div>
                                        <div class="header-tools" >
                                            <div class="header-search J-header-search" bi_parent_name="search">
                                                <div class="header-search-inner" tabindex="-1">
                                                    <div class="header-search-content J-search-content">
                                                        <input onkeyup="searselnew()" id='sear' class="J-search-input" aria-label="Search" id="header-navigation-search-input" type="text" data-active-placeholder="输入要搜索的内容" autocomplete="off"><div class="close-icon"></div>
                                                        <button type="submit" class="header-search-submit" aria-label="Header Search" >
                                                            <i></i>
                                                        </button>
                                                        <i class="por-icon por-icon-cancel header-search-close J-search-close"></i>
                                                        <div class="header-search-droplist J-search-drop J-search-autoword" style="top:8px !important" data-clickable-asyn="true">  
                                                            <div class="J-search-hot">
                                                                <div class="J-search-history">
                                                                    
                                                                    <div class="J-search-history-content">
                                                                        
                                                                    </div>
                                                                </div>
                                                                <div class="J-search-popular">
                                                                    
                                                                    <div>
                                                                        <style type="text/css">
                                                                            .search-right-data {float: left;width: 60%;padding: 15px 0px;}
                                                                            .search-right-data li{border-bottom: 1px solid #ccc;padding: 5px 0px;}
                                                                            .search-right-data li h2 a:hover{background-color: #ffffff !important;text-decoration: underline;}
                                                                            .search-right-data li h2 a{text-decoration: none;}
                                                                            #left-ul-sear1 a{text-decoration: none;}
                                                                        </style>
                                                                        <ul id='left-ul-sear1' style="float:left;width: 40%;">
                                                                            <!-- <div class="J-search-title">Suggestions</div>
                                                                            <li><a>625</a></li>
                                                                            <li><a>688</a></li>
                                                                            <li><a>625zz</a></li>
                                                                            <li><a>625zzss</a></li>
                                                                            <li><a>625zzssaew</a></li> -->
                                                                        </ul>
                                                                        <ul class='search-right-data' id='sear-right-tui1'>
                                                                            <!-- <li>
                                                                                <div style="float: left;">
                                                                                    <img src="https://image.lily-bearing.com/images/class/single_row_deep_groove_ball_bearings_open.jpg?x-oss-process=image/resize,w_70,h_70,m_pad/auto-orient,1/quality,q_90/format,png">
                                                                                </div>
                                                                                <div style="float: left;width: calc(100% - 70px)">
                                                                                    <h2 style="padding:0px"><a href="" style="color:#36648a;padding: 0px;">625</a></h2>
                                                                                    <div>Bore Dia: 5 mm, Outer Dia: 16 mm, Seal Type: Sealed, Ring Material: 52100 Chrome Steel, Width: 5 mm</div>
                                                                                </div>
                                                                                <div style="clear:both"></div>
                                                                            </li> -->
                                                                            
                                                                            
                                                                        </ul>
                                                                        <div style="clear:both"></div>
                                                                    </div>
                                                                    
                                                                </div>
                                                            </div>
                                                            
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="header-search-button">
                                                    <input class="search-default" aria-label="Search Default" type="text" data-active-placeholder="Search" autocomplete="off" placeholder="输入要搜索的内容">
                                                    <i></i>
                                                </div>
                                            </div>
                                            <div class="header-menu-search-mb">
                                                <!-- <span class="header-icon-search" style="color:#fff"></span> -->
                                                <i class="layui-icon layui-icon-search" style="font-size: 18px; color: #ffffff;background-color: #36648a !important;"></i>  
                                            </div>
                                            <ul class="header-tools-right header-main" style="background-color:#36648a">
                                               <!--  <li><a href="">联系我们</a></li> -->
                                               <li>
                                                   <div style="height: 40px; line-height: 40px;margin-top:-10px;width: 200px;">
                                                       <img style="height: 34px;width: 34px;float: left;margin-top: 2px;" src="https://image.lilybearing.com/images/web/zh-phone-tel2.png">
                                                       <div style="color:#fff;float: right;width: 160px;font-size: 20px;font-weight: 800;margin-top:-2px;">400-862-9828</div>
                                                   </div>
                                                   
                                               </li>
                                                
                                                 
                                                <li>
                                                    <div class="qlang" id="#qlang" style="position: static;">
                                                        <div class="qlang-body">
                                                            <div onclick="lan_qihuan2()" class="qlang-first">
                                                                <span>CN</span>
                                                                <img src="https://image.lilybearing.com/images/web/down3jiao.png" alt="down3jiao" style="aspect-ratio:4/3; object-fit:contain;margin-top: 0px;">
                                                                <div class="clear"></div>
                                                            </div>
                                                            <ul class="qlang-sechond" id="qlang-sechond" style="display: none;">
                                                                <li style="height:16px;" class="qlang-sechond-l1" id="qlang-sechond-l1" style="background: rgb(54, 100, 138);"><a href="https://www.lilybearing.com/" style="color: rgb(255, 255, 255);"><i class="layui-icon layui-icon-ok" style="font-size: 12px; color: rgb(255, 255, 255);"></i>CN</a></li>
                                                                <li style="height:16px;" class="qlang-sechond-l2" onmouseout="qlang_hover_out()" onmouseover="qlang_hover()"><a href="https://www.lily-bearing.com/"><i class="layui-icon layui-icon-ok" style="font-size:12px"></i>EN</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </li>
                                                
                                            </ul>
                                            <div class="header-menu-mb" data-clickable="true">
                                                <span style="background-color: #ffffff;"></span>
                                                <span style="background-color: #ffffff;"></span>
                                                <span style="background-color: #ffffff;"></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <script type="text/html" id="holder-drop"></script>
                                <script type="text/html" id="holder-mbnav"></script>
                                
                                <div class="header-mbshearch header-backdrop" bi_parent_name="search_mb">
                                    <div class="header-mbshearch-innner">
                                        <div class="header-mbshearch-form">
                                            <div class="header-mbshearch-form-row">
                                                <div><div class="header-mbshearch-input-box"><i class=""></i><input onkeyup="searselnew_phone()" id="sear_phone" type="text" class="header-mbshearch-input" autocomplete="off"></div></div>
                                                <div style="margin:3px 0px 0px 5px"><button onclick='sear1_phone()' type="button" class="layui-btn layui-btn-warm layui-btn-sm">搜索</button></div>
                                                <div><span style="text-decoration:none;" class="header-mbshearch-cancel">取消</span></div>
                                            </div>
                                        </div>
                                        <div  style="padding: 10px 20px;">
                                            <style type="text/css">
                                                #left-ul-sear1_phone a{text-decoration: none;color: #333;}
                                            </style>
                                            <ul id="left-ul-sear1_phone">
                                                <!-- <li style="padding:3px 0px;"><a href="">625</a></li>
                                                <li style="padding:3px 0px;"><a href="">625</a></li>
                                                <li style="padding:3px 0px;"><a href="">625</a></li>
                                                <li style="padding:3px 0px;"><a href="">625</a></li>
                                                <li style="padding:3px 0px;"><a href="">625</a></li>
                                                <li style="padding:3px 0px;"><a href="">625</a></li> -->
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
<style>
    body {
        background: #e1e0de;
    }

    * {
        box-sizing: border-box;
    }

    h1,
    h2,
    h3,
    h4 {
        font-weight: 700 !important;
    }

    .layui-card-header {
        width: 100%;
        border-bottom: 1px solid #999 !important;
        padding-left:0px;padding-top:5px;
    }

    .layui-card {
        padding: 10px 20px 50px;
        margin-bottom: -16px !important;
    }

    div.padding-content.gengduoli  * {
        margin: unset;
        padding: unset;
        line-height: normal;
		list-style: unset;
    }
    div.padding-content.gengduoli {
        text-align: justify;
        max-width: 1320px;
        width: 98%;
    }
	div.padding-content.gengduoli ul {
		padding-left:15px;
	}

    .layui-container {
        padding: 0 !important;
    }

    img {
        max-width: 100%;
    }

    ::-moz-selection {
        background: #cccccc;
        color: #ffffff;
    }

    ::selection {
        background: #cccccc;
        color: #ffffff;
    }

    .layui-breadcrumb {
        padding-left: 15px;
    }

    .layui-card h1 {
        margin: 10px auto 0;
    }

    .description {
        font-size: 15px;
        font-weight: bold;
        margin: 20px 0;
    }

    .body-buttom-left {
        padding-right: 5px;
        padding-left: 5px;
    }

    .body-buttom-right {
        padding-right: 5px;
        padding-left: 5px;
    }

    .layui-textarea {
        resize: none !important;
    }

    @media screen and (max-width: 800px) {
        .layui-card-header {
            line-height: normal !important;
            font-size: 10px !important;
        }
    }

    .bearing-pdf {
        position: absolute;
        right: 8px;
        top: -10px;
        color: #cbcbcb;
        background: url(/static/uploads/2018/07/printer.png) no-repeat left center;
        padding-left: 20px;
        cursor: pointer;
    }

    #magnifier {
        position: relative;
    }

    #magnifier img {
        width: 100%;
    }

    #movescre {
        position: absolute;
        display: none;
        width: 20%;
        height: 30%;
        border: 1px solid #ccc;
        background: #ffffcc;
        opacity: 0.5;
        filter: alpha(opacity=50);
        z-index: 10;
        cursor: pointer;
    }

    #magnifier_show {
        position: absolute;
        overflow: hidden;
        display: none;
        border: 1px solid black;
        width: 100%;
        max-width: 312px;
        height: 372px;
        margin-top: 10px;
        z-index: 100
    }

    #magnifier_show img {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 1200px
    }

    tr {
        border-bottom: 1px solid #ccc;
        color: #333;
    }

    tr:hover {
        background-color: #36648A;
        color: #ffffff
    }

    tr:hover .type4, tr:hover a{
        color: #ffffff
    }

    tr:hover .tshu2 a{
        color: #36648a
    }

    td {
        font: 12px/14px arial, helvetica, sans-serif;
        padding: 2px 2px 2px 0px;
        width: 50%;
    }
    .content-bottom{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0 0.62rem;
    }
    .content-bottom-box{
        width: 18%;
        height: 2.5rem;
        border: 1px solid #999;
        border-radius: 0.31rem;
        box-shadow: 0 4px 3px rgb(0 0 0 / 25%);
        margin-top: .5rem;
        padding: .2rem 0 0 0;
        display: flex;
        align-items: center;
    }
    .content-bottom-font{
        margin-bottom: 0.5rem;
        font: 12px/14px arial, helvetica, sans-serif;
    }
    
    .content-bottom-img-box{
        background-color: #f6f6f6;
        margin-top: 5px;   
        padding-left: .5rem;
    }
    .content-bottom-font{
        font-weight: 700;
        padding: .5rem 0;
    }
    .content-bottom-ul{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
    }
    .content-bottom-li{
        width: 20%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: .3rem;
    }
    .content-bottom-li a{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        background-color: white;
        padding: .3rem 0;
        flex-basis: 18rem;
        border-radius: .5rem;
    }
    .content-bottom-li a div{
        background-color: white;
    }
    .content-bottom-img{
        width: 3rem;
        height: 3rem;
        display: flex;
    }
    .layui-card-header{
        display: flex;
    }
    .layui-card-header h1{
        margin: 0;
    }

	/* 以下推荐样式 */
	.card-header-font-box{
		display: flex;
		font: 12px/14px arial,helvetica,sans-serif;
		padding-left: .5rem;
		margin-top: 1.5rem;
		margin-right: .5rem;
	}
	.card-header-font-box div{
		display: flex;
		align-items: center;
	}
	.header-font-a a{
		display: inline-block;
		margin-left: .3rem;
		margin-right: 1rem;
		border: 1px #efefef solid;
		padding: .3rem;
		border-radius: .3rem;
	}
	.content-bottom-a{
		margin-left: .5rem;
	}
	.header-font-search{
		font-weight: 700;
	}
	.header-font-a a:hover{
		background-color: #36648A;
		color: white;
	}
	/* 以上 */
    /*3d下载*/
    .download{
        display: flex; 
        justify-content: flex-start; 
    }
    .download option{cursor: pointer;}
    .chart-box{
        margin-top: 30px;
    }
    .chart-title{
        font-size: 12px;
        font-weight: 700;
    }
    .chart-tb{
        width: 40%;
        height: 50px;
    }
    .chart-tb-th, .chart-tb-td{
        display: flex;
    }
    .chart-tb-th>div, .chart-tb-td>div{
        flex: 1;
        display: flex;
        justify-content:center;
        border: 1px solid #CCCCC8;
        margin: 0 0 -1px -1px;
    }
    .chart-tb-th>div:nth-child(2), .chart-tb-td>div:nth-child(2){
        flex:2;
    }
    /* 图纸pdf */
    .imgMa-box{
        position: relative;
    }
    .imgpdf{
        position: absolute;
        top: 2px;
        left: 8px;
    }
    .dwn{border:1px solid #838383;text-align:center;color:#838383;cursor:pointer;border-radius:5px;padding:0px 2px;text-decoration:none;display:inline-block;margin-top:10px;margin-left:5px;}
    .dwn:hover{background-color:#33648B;color:#ffffff;}
    .dwn:hover img{content:url("<?php echo Config::get('app.images_host'); ?>/images/web/downhover.png");}
    .dwnnew{color: #333;}
    .dwnnew:hover{background-color:#33648B;color:#ffffff;}
    .dwnnew:hover img{content:url("<?php echo Config::get('app.images_host'); ?>/images/web/downhover.png");}
</style>
<!-- 详情页移动适配 -->
<link rel="stylesheet" type="text/css" href="/static/css/detail_page_adaptive_phone.css?v=<?php echo time(); ?>"/>
<style type="text/css">
    .interchange-box{
        margin: 5px 0rem;
        padding-left: .5rem;
        color: #333;
    }
    .interchange-box-title{
        font-size: 12px;
        font-weight: 700;
    }
    .interchange-standard{
        display: flex;
        flex-direction: column;
        border-left: 1px solid #CCCCC8;
    }
    .interchange-standard>div{
        display: flex;
    }
    .interchange-standard>div>div{
        display: flex;
        justify-content: center;
        align-items: center;
        border-right: 1px solid #CCCCC8;
        width: 9rem;
        text-align: center;
    }
    .interchange-standard>div:nth-child(1)>div{
        border-top:  1px solid #CCCCC8;
        border-bottom: 1px solid #CCCCC8;
    }
    .interchange-standard>div:nth-child(2)>div{
        border-bottom:  1px solid #CCCCC8;
    }
    @media screen and (max-width: 760px) {
        .interchange-box{
            display: none;
        }
    }
    .card-box{
        padding: 10px 20px 20px;
    }
    .layui-card-header .phone-img-zhu{display:none;}
    .layui-card-body{padding: 5px 0px 0px 0px;}
    .detail-container{width: 100%;font: 12px/14px arial,helvetica,sans-serif;padding-bottom:10px;}
    .detail-container .layui-card-header{height:32px;line-height:32px;}
    @media screen and (max-width: 760px) {
        .detail-container{margin:79px auto 20px auto;}
        .card-box{ padding: 0px;}
        .padding-content{padding:0px 10px;margin-bottom: 10px;}
        .padding-content td{font-size: 14px;padding:5px 0px;}
        .padding-content td a{font-size: 14px;}
        .padding-content tr:hover{background-color:none;}
        .firstbreadcrumbT{padding: 10px;font-size:14px;}
        .firstbreadcrumbT div{padding:5px 0px;}
        .layui-card-header{padding: 0px 10px;margin-bottom: 0px;}
        #detai_left_main {display: none;}
        .detail-container .layui-card-header{height:60px;line-height:60px;vertical-align:middle;width: 100%;display: block;}
        .layui-card-header h1{float: left;align-items: center;width:70%;}
        .layui-card-header .phone-img-zhu{display:block;width:60px;float:right;margin-top:-10px;}
        .layui-card-header .phone-img-zhu img{width:100%;}
        .padding-content{font-size:14px;}
        .content-bottom-img-box{font-size:14px;}
    }
    
    

</style>

<div class="layui-container detail-container"> 

    <!-- 发送询盘成功后弹出框 -->
<div id="successfullyfrom" style="width:25%;z-index:999;position:fixed;top:30%;left:40%;border-radius: 16px;box-shadow: 0 0 6px 3px rgba(0,0,0,.15);padding: 10px 20px;background-color: #e8edef;display:none;">
    <style type="text/css">
        .successfullyfrom-close-r{float:right}
        .successfullyfrom-close-r button{border:1px solid #36648a;cursor:pointer;font-size:16px;padding:3px 6px;color:#36648a;border-radius: 5px;}
        .successfullyfrom-close-r button:hover{border:1px solid #ffffff;color:#ffffff}
        .successfullyfrom-close-b{padding:10px 12px;}
        .successfullyfrom-close-b button{border:1px solid #36648a;cursor:pointer;font-size:16px;padding:5px 10px;color:#36648a;border-radius: 5px;}
        .successfullyfrom-close-b button:hover{background-color:#36648a;color:#ffffff}
    </style>
    <div  class="successfullyfrom-close-r"><button type="button" onclick="close_successfullyfrom()">X</button></div>
    <h2 style="font-size:30px;color:#36648a;padding:20px 10px;line-height:32px;"><?php echo lang('Form Submitted'); ?></h2>
    <div style="font-size:16px;color:#79858e;padding:10px;line-height:20px;"><?php echo lang('Thank you for reaching out. We will be in touch with you shortly.'); ?></div>
    <div class="successfullyfrom-close-b"><button type="button" onclick="close_successfullyfrom()"><?php echo lang('close'); ?></button></div>
</div>

	<div class="layui-card  card-box" style="min-height: auto;">
        <div class="layui-breadcrumb" lay-separator="/" style="padding-left: 0px; visibility: visible;">
            <?php foreach($crumbs as $k=>$v): ?>
            <a href="/<?php echo htmlentities($v['crumbs_url']); ?>" style="font: 12px/14px arial,helvetica,sans-serif;color:#36648A"><?php echo htmlentities($v['alias_name']); ?></a>
            <?php endforeach; ?>
            
            <span style="font: 12px/14px arial,helvetica,sans-serif;"> <span style="padding-left: 10px;color: #999">/</span> <cite style="color: #666;padding-right:20px"><?php echo htmlentities($zhu['Part Number']); ?></cite></span>
            
        </div>
		
        
		<div class="layui-card-header">
            <h1><?php echo htmlentities($zhu['Part Number']); ?></h1>
            
            <div style="clear:both"></div>
		</div>

		<div class="layui-card-body" style="max-width: 1600px;">
			<div class="layui-row">
				<div style="float: left;max-width:33.33333333%;">
					<div class="layui-col-md4 detail-img-box" style='text-align: center;padding-right:5px;'>
                        <?php if(!empty($img)){?>
						<img src="<?php echo htmlentities($img); ?>?x-oss-process=image/resize,w_150,h_150,m_pad/auto-orient,1/quality,q_90/format,png" id='detai_left_main' style="cursor:pointer;" alt="<?php echo htmlentities($zhu['Part Number']); ?> <?php echo lang($classdesc['cname']); ?>" />
                        <?php }else{ ?>
                        <img src="<?php echo Config::get('app.images_host'); ?>/images/web/logo.png" style="visibility: hidden;">
                        <?php } ?>
						
						
					</div>
                   
					<div class="layui-col-md8 padding-content">
						<table style='width: 100% !important;'>
                            <tbody>
                            <?php  if(isset($zhu['URL_Product'])&&$zhu['URL_Product']){unset($zhu['URL_Product']);}foreach($zhu as $key=>$vo): $lily_display_detail=Db::table('lily_products_detail')->where([['key','=',$key],['pid','=',$products['id']]])->find(); if(empty($lily_display_detail)){?>
                                <tr>
                                    <td><?php echo lang(str_replace('_',' ',trim($key))); ?></td>
                                    <td style="text-align:left"><?php echo lang(trim($vo)); ?></td>
                                </tr>
                                <?php }else{ if($lily_display_detail['is_show_key']=='0'){ ?>
                                <tr>
                                    <td></td>
                                    <td style="text-align:left"><?php echo lang(trim($vo)); ?></td>
                                </tr>
                                <?php } else if(!empty($lily_display_detail['sup'])){ ?>
                                <tr>
                                    <td><?php echo lang($key); ?> <sup style='color:#36648a'><?php echo htmlentities($lily_display_detail['sup']); ?></sup></td>
                                    <td style="text-align:left"><?php echo lang(trim($vo)); ?></td>
                                </tr>
                                <?php } else if(!empty($lily_display_detail['url'])){ ?>
                                <tr>
                                    <td><?php echo lang(trim($key)); ?></td>
                                    <td style="text-align:left"><a href="<?php echo htmlentities($lily_display_detail['url']); ?>" class='type4'><?php echo lang(trim($vo)); ?></a></td>
                                </tr>
                                <?php } else if($lily_display_detail['is_pi_pei']==1){ ?>
                                <tr>
                                    <td><?php echo lang(trim($key)); ?></td>
                                    <td style="text-align:left">
                                <?php   
                                    $explode_data=explode(',',$vo); foreach ($explode_data as $bk => $bv){
                                    $f=Db::table('lily_products')->field('url_product')->where('part_number', '=', $bv)->find();
                                    if(!empty($f)){ 
                                ?>
                                        <a href="/products/<?php echo htmlentities($f['url_product']); ?>/" class='type4'><?php echo lang(trim($bv)); ?></a>
                                        <?php if($bk!=count($explode_data)-1){ echo ',';}}else{ ?>
                                        <?php echo lang($vo); if($bk!=count($explode_data)-1){ echo ',';}} } ?>
                                    </td>
                                </tr>
                                <?php } else if($lily_display_detail['is_fen_ge']=='1'){ ?>
                                <tr style="width: 500px;border-bottom:none;">
                                    <td style="height:30px;"></td><td></td>
                                </tr>
                                <tr style="width: 500px;border-bottom: 3px solid #ccc;">
                                    <td colspan="2" style="height:30px;font-size: 14px;font-weight: bold;"><?php echo lang('Mounting Dimensions & Additional Information'); ?></td>
                                </tr>
                                <tr>
                                    <td><?php echo lang(str_replace('_',' ',trim($key))); ?></td>
                                    <td style="text-align:left"><?php echo lang(trim($vo)); ?></td>
                                </tr>
                                <?php }else{ ?>
                                <tr>
                                    <td><?php echo lang(str_replace('_',' ',trim($key))); ?></td>
                                    <td style="text-align:left"><?php echo lang(trim($vo)); ?></td>
                                </tr>
                                <?php } if($key == 'Seal Type'):                                     $lily_detail=Db::table('lily_products')->where([['id','=',$products['id']]])->find();                                    
                                    //当前产品型号
                                    $part_number = $lily_detail['part_number'];
                                    //以当前型号为底，是否有后续型号
                                    $is_have_more_products = Db::table('lily_products')
                                        ->where('part_number', 'like', $part_number . "%")
                                        ->where('class_id', '=', $lily_detail['class_id'])
                                        ->field('part_number')
                                        ->select();
                                    $part_number_no_suffix = '';
                                    $search = $part_number;                                
                                    //模糊搜索的型号
                                    if (strrpos($part_number, " ") !== false) {
                                        $last = strrpos($part_number, " ");
                                        $search = substr($part_number, 0, $last);
                                    } elseif (strpos($part_number, 'zz') !== false || strpos($part_number, 'ZZ') !== false && strrpos($part_number, '-') !== false) {
                                        $last = strrpos(strtolower($part_number), "zz");
                                        $part_number_no_zz = substr($part_number, 0, $last);
                                        $product_with = Db::table('lily_products')
                                            ->where('part_number', 'like', $part_number_no_zz . "%")
                                            ->where('class_id', '=', $lily_detail['class_id'])
                                            ->field('part_number')
                                            ->select();
                                        if (count($product_with) > 1) {
                                            $search = substr($part_number, 0, $last);
                                        } else {
                                            $last = strrpos($part_number, "-");
                                            $search = substr($part_number, 0, $last);
                                        }
                                    } elseif (strpos($part_number, 'zz') !== false || strpos($part_number, 'ZZ') !== false) {
                                        $last = strrpos(strtolower($part_number), "zz");
                                        $search = substr($part_number, 0, $last);
                                    } elseif (strrpos($part_number, '-') !== false && count($is_have_more_products) == 1) {
                                        $last = strrpos($part_number, "-");
                                        $search = substr($part_number, 0, $last);
                                    }                                  
                                    $arr = [];
                                    //模糊搜索的所有型号
                                    $have_suffix = Db::table('lily_products')
                                        ->where('part_number', 'like', $search . "%")
                                        ->where('class_id', '=', $lily_detail['class_id'])
                                        ->field('part_number')
                                        ->select();
                                    $part_number_arr = [$part_number];
                                    $have_suffix_arr = array_values(array_diff(array_column($have_suffix,'part_number'), $part_number_arr));                               
                                    $count = 0;
                                    //找出相似度最高的
                                    foreach ($have_suffix_arr as $key => $val) {
                                        if(strlen($val) > strlen($part_number)) {
                                            if(strpos($val, $part_number) !== false && strlen($val) > $count) {
                                                $part_number_no_suffix = $part_number;
                                                $count = strlen($part_number);
                                            }
                                        } else {
                                            if(strpos($part_number,$val) !== false && strlen($val) > $count) {
                                                $part_number_no_suffix = $val;
                                                $count = strlen($val);
                                            }
                                        }
                                    }
                                    //print_r($part_number_no_suffix);
                                    $suffix = ['zz', ' ', '-','ZZ'];
                                    $suffix_arr = [];
                                    //拼接后缀
                                    if(strpos($part_number_no_suffix,'-') == false) {
                                        foreach ($suffix as $key => $val) {
                                            $suffix_arr[] = $part_number_no_suffix . $val;
                                        }
                                    } else {
                                        $suffix_arr[] = $part_number_no_suffix;
                                    }                                                                       
                                    $other_products = [];
                                    //查询
                                    foreach ($suffix_arr as $key => $val) {
                                        $other_suffix_product = Db::table('lily_products')
                                            ->where('part_number', 'like', $val . "%")
                                            ->where('class_id', '=', $lily_detail['class_id'])
                                            ->field('id,url_product,part_number')
                                            ->select();
                                        $other_products = array_merge($other_products, $other_suffix_product);
                                    }
                                    $no_suffix_product = Db::table('lily_products')
                                                            ->where('part_number','=',$part_number_no_suffix)
                                                            ->where('class_id','=',$lily_detail['class_id'])
                                                            ->field('id,url_product,part_number')
                                                            ->select();
                                    $other_products = array_merge($other_products, $no_suffix_product);                                                                                              
                                    $new_arr = [];
                                    if (!empty($other_products)) {
                                        foreach ($other_products as $key => $val) {
                                            if ($val['id'] == $lily_detail['id'] || strpos($val['url_product'],'_') !== false) {
                                                continue;
                                            } else {
                                                $detail = Db::table('lily_products_detail')->where([['pid', '=', $val['id']], ['key', '=', 'Seal Type']])->field('value')->find();
                                                if($detail['value'] != $vo) {
                                                    $new_arr[$val['url_product']]['detail'] = $detail;
                                                    $new_arr[$val['url_product']]['part_number'] = $val['part_number'];
                                                }
                                                
                                            }
                                        }
                                    } else {
                                        $new_arr = [];
                                    }
                                    if(!empty($new_arr)): ?>
                                        <tr>
                                            <td>
                                                <div style="float: left;">
                                                    其他密封类型:
                                                </div>
                                            </td>
                                            <td>                          
                                                <?php foreach($new_arr as $key=>$val): ?>
                                                <a href="/products/<?php echo $key ?>"><?php echo lang($val['detail']['value']); ?></a></br>
                                                <?php endforeach; ?>
                                            </td>
                                        </tr>
                                    <?php endif; ?>
                                <?php endif; } ?>
                                
                            <?php endforeach; ?>
                            </tbody>
                        </table>
                        <?php if(!empty($add_content)){foreach($add_content as $key=>$vo): ?> 
                            <div style="width: 100%;font-style: italic;line-height:14px;padding-top:5px"><?php echo htmlspecialchars_decode($vo); ?></div>
                            <?php endforeach; } ?>

					</div>
				</div>
				<div style="float: left;max-width:50%;">
                    <?php if(!empty($dimg)){?>
					<div id='magnifier' style="width:98%;margin-left: 1%;margin-right:10px;">
						<img src="<?php echo htmlentities($dimg); ?>" style="width:100%;border:1px solid #D2D2D2;border-radius:5px;min-width:500px" alt="<?php echo htmlentities($zhu['Part Number']); ?> <?php echo lang($classdesc['cname']); ?> <?php echo lang('cad drawing'); ?>">
                        <?php if(!empty($pdf)){?>
                        <a href="<?php echo htmlentities($pdf); ?>" target="view_window" class='imgpdf dwn' style="margin-top: 5px;margin-left: 20px;display: none;">
                            <img  src="<?php echo Config::get('app.images_host'); ?>/images/web/downindex.png" alt='' style="width: 18px;margin-top:-4px">
                            <span style="font: 12px arial,helvetica,sans-serif;"><?php echo lang('Download'); ?></span>
                        </a>
                        <?php } ?>
					</div>
                    <?php }else{ ?>
                    <div id='magnifier' style="width:98%;margin-left: 1%;visibility: hidden;">
                        <img src="<?php echo Config::get('app.images_host'); ?>/images/web/logo.png" alt='' style="width:100%;border:1px solid black">
                    </div>
                    <?php } ?>

                    <div  style="width:98%;margin-left: 1%;height: 30px;line-height: 30px;">
                        <?php if(!empty($pdf)){?>
                        <a href="<?php echo Config::get('app.images_host'); ?><?php echo htmlentities($pdf); ?>" target="view_window" class='dwnnew' style="border: 1px solid #D2D2D2;height: 24px;float: left;line-height:24px;padding: 0px 8px 0px 5px;text-decoration: none;border-radius: 3px;margin-top:3px;">
                            <img  src="<?php echo Config::get('app.images_host'); ?>/images/web/downindex.png" alt='' style="height: 19px;margin-top:-5px;">
                            <span style="font: 12px arial,helvetica,sans-serif;font-weight: 500;"><?php echo lang('Download'); ?> Pdf</span>
                        </a>
                        <?php } if(!empty($stp)){?>
						<div style="float:right;">
							<img src="<?php echo Config::get('app.images_host'); ?>/images/web/CAD1.png" alt='' style="width: 19px;margin-top:-1px;">
                            <select aria-label="selcad" name="selcad" style='min-width: 125px;border:1px solid #E2E2E2;font: 12px/14px arial,helvetica,sans-serif;border-radius: 3px;height: 24px;'>
                                <?php foreach($stp as $key=>$vo): ?>
                                <option value="<?php echo htmlentities($vo); ?>" selected>3-D <?php echo htmlentities($key); ?></option>
                                <?php endforeach; ?>
                            </select>
						    <button type='button' id='download_cad' class="layui-btn layui-btn-xs dwnnew" onclick="download_cad()" style="color:black;font-weight:bold; border-radius:3px;border:1px solid #19792f;background-color: white; font-size: 12px; font-weight: 500;height: 24px;line-height: 24px;margin-left: 5px;margin-top:-3px;color: #333;"><?php echo lang('Download'); ?></button>
						</div>
                        <?php } ?>
                        <div style="clear:both"></div>

					</div>

                    <?php if(isset($other['chart'])){ ?>
                    <div style="width:98%;margin-left: 1%;">
                        <div class="layui-col-md4" style="padding: 0px 2px 2px 0px;">
						<img style="width: 100%;" src="<?php echo Config::get('app.images_host').$other['chart']; ?>" alt="<?php echo htmlentities($zhu['Part Number']); ?> <?php echo lang('Slewing Ring Bearings'); ?>">;
                        </div>
                    </div>
                    <?php } if(isset($other['imo'])){
                        foreach($other['imo'] as $k=>$v){
                    ?>
                        <div style="width:98%;margin-left: 1%;">
                            <div class="layui-col-md4" style="padding: 0px 2px 2px 0px;">
                            <img style="width: 100%;" src="<?php echo Config::get('app.images_host').$v; ?>" alt="<?php echo htmlentities($zhu['Part Number']); ?> <?php echo lang('Slewing Ring Bearings'); ?>">;
                            </div>
                        </div>
                    <?php }} ?>
				</div>
				<div class="form" style="float: left;max-width:16.66666667%;">
    <form class="layui-form" style="background-color:#36648A;padding: 10px 10px 1px 12px;width:100%;border-radius:5px;" id='fromsub'>
		<h2 style='padding-bottom: 5px;color:#ffffff;margin-bottom: 10px'><?php echo lang('Request a Quote'); ?></h2>
	    <div class="layui-form-item">

			<div class="layui-input-block">
				<input type="text" name="name" id='formname' placeholder="姓名" class="layui-input" />
				<div style="color:red;position: absolute;top:2px;left: -8px">*</div>
			</div>
		</div>
		<div class="layui-form-item">
			<div class="layui-input-block">
				<input type="text" name="company" placeholder="公司" autocomplete="off"	class="layui-input" />
			</div>
		</div>
		<div class="layui-form-item">
			<div class="layui-input-block" style='position: relative'>
				<input type="text" name="email" id='formemail' placeholder="邮箱" class="layui-input" />
				<div style="color:red;position: absolute;top:2px;left: -8px">*</div>
			</div>
		</div>
		<div class="layui-form-item">
			<div class="layui-input-block">
				<input type="text" name="phone" id='formphone' placeholder="手机号码" class="layui-input" />
				<div style="color:red;position: absolute;top:2px;left: -8px">*</div>
			</div>
		</div>

		<div class="layui-form-item">
			<div class="layui-input-block layui-input" style="height:40px;line-height:40px" id='fileNamefrom'>
				<input type="button" id="miaoshu" value="选择文件" onclick="javascript:$('input[name=\'fileName\']').click();" style="background-color: black;border: 1px solid #ccc;font-weight: normal;color: #FFF;border-radius: 5px;cursor: pointer;padding:2px 5px" class=" text" />
				<input name="file" placeholder="未选择文件" readonly onclick="javascript:$('input[name=\'fileName\']').click();" style="width: 60%; border: none;" />
				<input type="file" id="fileName" name="fileName" style="display: none;" onchange="javascript:$('input[name=\'file\']').val(value);$('input[name=\'file\']').prop('size',this.value.length+6);" />
			</div>
	    </div>
	   <!--  <div style="margin-top:-15px">
			<div style="color:#E2E2E2;font: 12px/14px arial,helvetica,sans-serif;padding:3px 0px;font-style:italic;">Allow file formats (gif、jpeg、jpg、png、pdf、txt、doc、xls、xlsx、docx)</div>
		</div> -->

		<div class="layui-form-item layui-form-text">
			<div class="layui-input-block">
				<textarea name="comments" placeholder="请填写您的建议" class="layui-textarea"></textarea>
			</div>
		</div>
		<?php if($base_data['is_show_code']==true){?>
        <div class="layui-form-item" id="code_div" style="display:block">
            <div class="verification-code">
                <input class="verification-code-input layui-input" type="text" name="code" id='formcode' autocomplete="off" placeholder="请填写验证码"/>
                <div style="color:red;position: absolute;top:2px;left: -8px">*</div>
                <div class="verification-code-img">
                	<img src="<?php echo url('index/xunpan/verify'); ?>" id="code_img" onclick="this.src=this.src.split('?')[0] + '?'+new Date().getTime()" title="点击刷新验证码" >
                </div>                  
            </div>
        </div>
        <?php } ?>
        <div style="margin-top:-15px">
			<div style="color:#E2E2E2;font: 12px/14px arial,helvetica,sans-serif;padding:3px 0px;font-style:italic;">允许的文件格式(gif、jpeg、jpg、png、pdf、txt、doc、xls、xlsx、docx)</div>
		</div> 
		<div class="layui-form-item" style="text-align: center;">
			<div class="layui-input-block" >
				<button id='gform_submit_button_3' lay-filter="formDemo" lay-submit type='button' class="layui-btn layui-btn-sm" style="background-color: #f7c542;color: #000;font-weight: bold;border-radius: 5px;margin-top: 3px;">发送询价</button>
			</div>
		</div>

    </form>

	
	<div id='loading-form' style="text-align:center;display:none;width:100%;position:absolute;top:45%;z-index:999;text-align:center;">
		<style type="text/css">
			@-webkit-keyframes rotation{
                from {-webkit-transform: rotate(0deg);}
                to {-webkit-transform: rotate(360deg);}
            }
		</style>
	<img src="<?php echo Config::get('app.images_host'); ?>/images/web/chilun.svg?v={time()}" style="width:20%;height:20%;color: #ffffff;-webkit-transform: rotate(360deg);animation: rotation 2s linear infinite;-moz-animation: rotation 2s linear infinite;-webkit-animation: rotation 2s linear infinite;-o-animation: rotation 2s linear infinite;" >
	</div>
	<div style="position:absolute;left:0;top:0;width:100%;height:100%;z-index: 998;border-radius: 5px;display:none;background-color: rgba(10,45,76,.9);" id='form-zhe'>
		
	</div>
</div>

<div style="position:fixed;left:0;top:0;width:100%;height:100%;z-index: 998;border-radius: 5px;display:none;background-color: rgba(10,45,76,.9);" id='body-zhe'>
		
</div>

			</div>

            <!-- Reference型号兑换 -->
			<?php if(!empty($Chat_data)){ ?>
            <div class="interchange-box" style="padding:0px;color:#333">
                <div class="interchange-box-title" style="padding:0px;"><?php echo lang('INTERCHANGE'); ?></div>
                <div class="interchange-box-font"><?php echo lang($Chat_relation); ?></div>
                <div class="interchange-standard">
                    <div>
                        <?php foreach($Chat_data as $key=>$vo): ?>
                        <div><?php echo str_replace('_',' ',$key); ?></div>
                        <?php endforeach; ?>
                    </div>
                    <div>
                        <?php foreach($Chat_data as $key=>$vo): ?>
                        <div><?php echo htmlentities($vo); ?></div>
                        <?php endforeach; ?>
                    </div>
                </div>
            </div>
            <?php } if(!empty($content)){?>
            <div style="margin-top:5px;color:#333" class='padding-content gengduoli'>
                <?php echo htmlspecialchars_decode($content); ?>
            </div>
            <?php } if(!empty($recommend_result)){?>
            <div class="content-bottom-img-box" style="padding:0px;">
                
                <div class="content-bottom-font" style="padding:5px;"><?php echo lang('Recommended Products'); ?></div>
                    <ul class="content-bottom-ul" style="padding-left:5px">
                    
                        <?php foreach($recommend_result as $key=>$vo): ?> 
                        <li class="content-bottom-li">
                            <a href='/products/<?php echo htmlentities($vo["url_product"]); ?>/'>

                                <?php if(!empty($vo['img'])){?>
                                <div class="content-bottom-img"><img src="<?php echo Config::get('app.images_host'); ?><?php echo htmlentities($vo['img']); ?>" alt=""></div>
                                <?php }else{ ?>
                                <div class="content-bottom-img"><img src="" alt=""></div>
                                <?php } ?>
                                <div class="content-bottom-a"><?php echo htmlentities($vo['part_number']); ?></div>
                            </a>
                        </li>
                        <?php endforeach; ?>
                        
                    </ul>
            </div>
           <?php } ?>
		</div>
	</div>
</div>
</body>


<div data-mod-id="footer">
    <div class="footer" data-mod-name="footer">
        <div class="footer-service" style="display:block;">
            
            <!-- 添加订单成功 -->
<div id="addorder" style="width:25%;z-index:999;position:fixed;top:30%;left:40%;border-radius: 16px;box-shadow: 0 0 6px 3px rgba(0,0,0,.15);padding: 10px 20px;background-color: #e8edef;display:none;">
<style type="text/css">
.successfullyfrom-close-r{float:right}
.successfullyfrom-close-r button{border:none;background-color: #FDD702;color:black;font-weight:bold;border-radius:5px;cursor:pointer;font-size:16px;padding:3px 6px;border-radius: 5px;}
.successfullyfrom-close-r button:hover{background-color:#36648a;color:#ffffff}
.successfullyfrom-close-b{padding:10px 12px;}
.successfullyfrom-close-b button{border:none;background-color: #FDD702;color:black;font-weight:bold;border-radius:5px;cursor:pointer;font-size:16px;padding:5px 10px;border-radius: 5px;}
.successfullyfrom-close-b button:hover{background-color:#36648a;color:#ffffff}
</style>
<div  class="successfullyfrom-close-r"><button type="button" onclick="close_successfullyfrom()">X</button></div>
<h2 style="font-size:30px;color:#36648a;padding:20px 10px;line-height:32px;">Order Prompt</h2>
<div style="font-size:16px;color:#79858e;padding:10px;line-height:20px;">The order is added successfully. You can click <a href="/order/">order</a> to pay or view</div>
<div class="successfullyfrom-close-b"><button type="button" onclick="close_successfullyfrom()">close</button></div>
</div>
<!-- 脚部 -->
<style>
@media screen and (min-width: 768px) {
.zh-icon:hover .QRcode{
display:block;
}
}
.QRcode{
width: 130px;  
position: absolute;
z-index: 99;
display:none;
}
.zh-buttom-img{
display: flex;
}
.zh-icon{
margin: 0 5px;
}
.zh-icon a>img, .zh-icon>img{
width: 80%;
border-radius: 25%;
aspect-ratio:1/1; 
object-fit:contain;
}
.QRcode img{
width: 80%;
}
</style>
<footer>

<div class="layui-container">
<!-- 底部成功后弹出框 -->
<div id="successfullyfrom_footer" style="width:25%;z-index:999;position:fixed;top:30%;left:40%;border-radius: 16px;box-shadow: 0 0 6px 3px rgba(0,0,0,.15);padding: 10px 20px;background-color: #e8edef;display: none;">
<style type="text/css">
  .successfullyfrom-close-r{float:right}
  .successfullyfrom-close-r button{border:1px solid #36648a;cursor:pointer;font-size:16px;padding:3px 6px;color:#36648a;border-radius: 5px;}
  .successfullyfrom-close-r button:hover{border:1px solid #ffffff;color:#ffffff}
  .successfullyfrom-close-b{padding:10px 12px;}
  .successfullyfrom-close-b button{border:1px solid #36648a;cursor:pointer;font-size:16px;padding:5px 10px;color:#36648a;border-radius: 5px;}
  .successfullyfrom-close-b button:hover{background-color:#36648a;color:#ffffff}
  @media screen and (max-width: 760px) {
    .layui-form-phone{display: none;}
    .fayoujian{display: none;}
  }
</style>
<div  class="successfullyfrom-close-r"><button type="button" onclick="close_successfullyfrom_footer()">X</button></div>
<h2 style="font-size:30px;color:#36648a;padding:20px 10px;line-height:32px;"><?php echo lang('Submitted'); ?></h2>
<div style="font-size:16px;color:#79858e;padding:10px;line-height:20px;"><?php echo lang('Thank you for reaching out.'); ?></div>
<div class="successfullyfrom-close-b"><button type="button" onclick="close_successfullyfrom_footer()"><?php echo lang('close'); ?></button></div>
</div>
<div class="layui-row footer-box" style="padding:10px">
<div class="layui-col-sm5">
<div class="layui-col-sm12 layui-col-xs12">
    <div style="float:left">
        <a href="/"><img src="<?php echo Config::get('app.images_host'); ?>/images/web/logo.png" alt="logo" style="width:100px;"/></a>
    </div>
   
    <div class="footer-img-box" style="float:right;vertical-align: middle;margin-top: 15px;">
        <div class="zh-buttom-img">
            <div class="zh-icon">
                <a href="https://m.weibo.cn/u/3464346314">
                    <img src="https://image.lilybearing.com/images/web/weibo.png" style="width: 30px;height: 30px;" alt="weibo">
                </a>
                <div class="QRcode"><img src="https://image.lilybearing.com/images/web/weiboma.png" alt="weiboma"></div>
            </div>
     
            <div class="zh-icon">
                <img src="https://image.lilybearing.com/images/web/weixin.png" style="width: 30px;height: 30px;" alt="weixin">
                <div class="QRcode"><img src="https://image.lilybearing.com/images/web/wxm.jpg" alt="weixin"></div>
            </div>

            <div class="zh-icon">
                <a href="https://www.toutiao.com/c/user/token/MS4wLjABAAAARnAd_ZWSILnv0_UOYfMg2Dg-qro9FiTG6Ka4t2sKaXMZwgUPoYnfA9BTDdS-Nd2_/?source=mine_home&amp;wid=1659942755553"><img style="width: 30px;height: 30px;" src="https://image.lilybearing.com/images/web/toutiao.png" alt="toutiao"></a>
                <div class="QRcode"><img src="https://image.lilybearing.com/images/web/toutiaoma.png" alt="toutiaoma"></div>
            </div>

            <div class="zh-icon">
                <a href="https://www.zhihu.com/org/shang-hai-yang-zhen-zhou-cheng"><img style="width: 30px;height: 30px;" src="https://image.lilybearing.com/images/web/zhihu.png" alt="zhihu"></a>
                <div class="QRcode"><img src="https://image.lilybearing.com/images/web/zhihuma.png" alt="zhihuma"></div>
            </div>
        </div> 
    </div>
    <div style="clear:both;"></div>
</div>

<div class="layui-col-sm12 layui-col-xs12" style="padding:5px 0px">
    <p style="font:12px arial,helvetica,sans-serif;line-height:24px;letter-spacing:1px">Email: <a style="color: #fff;" class='email' href="mailto:lilybearing@lily-bearing.com">lilybearing@lily-bearing.com</a></p>
    <p style="font:12px arial,helvetica,sans-serif;line-height:24px;letter-spacing:1px">地址：中国上海市闵行区沅江路525号6楼301室</p>
</div>

<div class="layui-col-sm12 footer-font layui-col-xs12">
    <p style="font: 12px arial,helvetica,sans-serif;line-height:24px;letter-spacing:1px">为客户创造价值是我们的核心。在为客户服务时使用这个概念，我们会站在客户的角度考虑，而不是简单地销售产品。我们利用我们在轴承行业20多年的专业知识和经验，为客户提供设计、选型、售前和售后服务等先进服务。</p>
</div>
</div>
<div class="layui-col-sm4 layui-col-xs12" style="padding:0px 20px" >
<div class="layui-form-phone">
    <div class="layui-form">

        <div class="layui-col-sm12" style="padding: 5px 0px">
            <div style="float:left;width:20%;height:25px;line-height:25px;color:white;font-size:12px">姓名<span style="color:white;font-size:12px">*</span>:</div>
            <div class="layui-input-block" style="float:left;width:80%;">
                <input type="text" name="footer_name" aria-label="Name" id="footer_name" style="height:25px;padding:3px;" autocomplete="off" class="layui-input" />
            </div>
        </div>

        <div class="layui-col-sm12" style="padding: 5px 0px">
            <div style="float:left;width:20%;height:25px;line-height:25px;color: white;font-size:12px">邮箱<span style="color:white;font-size:12px">*</span>:</div>
            <div class="layui-input-block" style="float:left;width:80%;">
                <input type="text" name="footer_email" aria-label="Email" id="footer_email" style="height:25px;padding:3px;" autocomplete="off" class="layui-input" />
            </div>
        </div>

        <div class="layui-col-sm12" style="padding: 5px 0px">
            <div style="float:left;width:20%;height:25px;line-height:25px;color: white;font-size:12px">手机号码<span style="color:white;font-size:12px">*</span>:</div>
            <div class="layui-input-block" style="float:left;width:80%;">
                <input type="text" name="footer_phone" aria-label="Phone" id="footer_phone" style="height:25px;padding:3px;" autocomplete="off" class="layui-input" />
            </div>
        </div>

        <?php if($base_data['is_show_code']==true){?>
        <div class="layui-col-sm12 code-button-box" style="padding: 5px 0px">
            <div class="layui-form-item" id="code_div">
                <div class="verification-code">
                    <div style="float:left;width:20%;height:25px;line-height:25px;color: white;font-size:12px">验证码<span style="color:white;font-size:12px">*</span>:</div>
                    <div class="layui-input-block" style="float:left;width:80%;">
                        <input class="verification-code-input layui-input" aria-label="code" type="text" name="footer_code" style="width: 50%;float:left;height:35px;padding:3px;"/>
                        <img src="<?php echo url('index/xunpan/verify'); ?>" style="float: right;width: 50%;height:35px;" id="code_img" onclick="this.src=this.src.split('?')[0] + '?'+new Date().getTime()" title="Click to change one" >
                    </div>
                </div>
            </div>
        </div>
        <?php } ?>

        <div class="layui-col-sm12" style="padding: 5px 0px">
            <div style="float:left;width:20%;height:25px;line-height:25px;color: white;font-size:12px">备注<span style="color:white;font-size:12px">*</span>:</div>
            <div class="layui-input-block" style="float:left;width:80%;">
                <textarea name="footer_comments" aria-label="Comments" class="layui-textarea"></textarea>
            </div>
        </div>

        <div class="layui-col-sm12" style="padding: 5px 0px">
            <div style="float:left;width:20%;height:25px;line-height:25px;color: white;font-size:12px"></div>
            <div class="layui-input-block" style="float:left;width:80%;">
                <button id='gform_submit_button_6' class="layui-btn btn" lay-filter="footer_formDemo" lay-submit type='button' style="color:black;background-color: #FDD702;font-weight: bold;border-radius: 5px;height: 30px;line-height: 30px;margin: 0px;">提交</button>
            </div>
        </div>
    </div>
</div>
</div>

<div class="layui-col-sm3">
<h2 style="font: 18px arial,helvetica,sans-serif;">快速链接</h2>
<style type="text/css">
    @media(max-width:768px) {
        .quick-links li{height: 48px;line-height: 48px;}
    }
                                           
</style>
<ul style="padding:0px 5px" class='quick-links'>
    <li style="padding-top:5px;">
        <i class="layui-icon layui-icon-next" style="font-size:12px"></i>
        <a href="/about-us/" style="font: 12px arial,helvetica,sans-serif;line-height:14px;color:#ffffff;letter-spacing:1px">关于我们</a>
    </li>
    <li style="padding-top:5px">
        <i class="layui-icon layui-icon-next" style="font-size:12px"></i>
        <a href="/contact-us/" style="font: 12px arial,helvetica,sans-serif;line-height:14px;color:#ffffff;letter-spacing:1px">联系我们</a>
    </li>
    <li style="padding-top:5px">
        <i class="layui-icon layui-icon-next" style="font-size:12px"></i>
        <a href="/resources/blog/" style="font: 12px arial,helvetica,sans-serif;line-height:14px;color:#ffffff;letter-spacing:1px">博客</a>
    </li>
    <li style="padding-top:5px">
        <i class="layui-icon layui-icon-next" style="font-size:12px"></i>
        <a href="/resources/technology/" style="font: 12px arial,helvetica,sans-serif;line-height:14px;color:#ffffff;letter-spacing:1px">技术</a>
    </li>
    <li style="padding-top:5px">
        <i class="layui-icon layui-icon-next" style="font-size:12px"></i>
        <a href="/resources/downloads/" style="font: 12px arial,helvetica,sans-serif;line-height:14px;color:#ffffff;letter-spacing:1px">下载</a>
    </li>
    <li style="padding-top:5px">
        <i class="layui-icon layui-icon-next" style="font-size:12px"></i>
        <a href="/request-a-quote/" style="font: 12px arial,helvetica,sans-serif;line-height:14px;color:#ffffff;letter-spacing:1px">发送询盘</a>
    </li>
    <li style="padding-top:5px">
        <i class="layui-icon layui-icon-next" style="font-size:12px"></i>
        <a href="/resources/rohs-reach-compliance/" style="font: 12px arial,helvetica,sans-serif;line-height:14px;color:#ffffff;letter-spacing:1px">RoHS和REACH合规性</a>
    </li>
</ul>
<div class='fayoujian'>
    <h2 style="font: 18px arial,helvetica,sans-serif;margin-top: 15px;">养贞订阅</h2>
    <p style="font: 12px/14px arial,helvetica,sans-serif;line-height:12px;color:#ffffff;letter-spacing:1px;margin-top: 10px;">订阅接收公司、产品和行业新闻。</p>
    <div  style="float:left;height:20px;margin-top: 10px;width:100%;">
        <input type="text" name="subscribe_email" id="subscribe_email" placeholder="输入邮箱"  autocomplete="off" style="font: 12px/14px arial,helvetica,sans-serif;color:white;border: none;border-bottom: 1px solid #fff;background-color:black;cursor: text;color:white;width:100%;"/>
    </div>
    <button id='gform_submit_button_7' aria-label="Subscribe FormDemo" lay-filter="subscribe_formDemo"
        lay-submit type='button' style="color:white;float: left;margin-left: -20px;margin-top:6px;border: none;background-color: black;">
        <img src="<?php echo Config::get('app.images_host'); ?>/images/web/rightarrow.png?t=<?php echo time(); ?>" alt='' style="max-height: 15px;"/>
    </button>
</div>
</div>
</div>
</div>
<div class="footer-bottom-box" style="background-color:#2a2e31;height:40px;line-height:40px;">
<div class="layui-container">
<div class="layui-row" style="padding-bottom: 0px;">
<div class="footer-bottom" style="width:80%" style="padding-bottom: 0px;">
    <div style="font: 12px/14px arial,helvetica,sans-serif;line-height:40px;float:left;letter-spacing:1px">© <?php echo date('Y',time());?> 养贞轴承•保留所有权利</div>
    <div style="float:left;margin-left:20px"><a href="/resources/privacy-policy/" style="font: 12px/14px arial,helvetica,sans-serif;line-height:40px;color:#ffffff;letter-spacing:1px">隐私政策</a></div>
    <div style="float:left;margin-left:20px"><a href="/resources/terms-conditions/" style="font: 12px/14px arial,helvetica,sans-serif;line-height:40px;color:#ffffff;letter-spacing:1px">条款和条件</a></div>
    <div style="float:left;margin-left:20px;font: 12px/14px arial,helvetica,sans-serif;line-height:40px;color:#ffffff;letter-spacing:1px">沪ICP备<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank" style="font: 12px/14px arial,helvetica,sans-serif;line-height:40px;color:#36648a;letter-spacing:1px">17055223号-4</a></div>
    <div style="clear: both;"></div>
</div>
<div style="clear: both;"></div>
</div>
</div>
</div>
</footer>




        </div>
        <div id="footer" bi_parent_name="footer" meta-data-adjust-app="hide">
            <div class="footer-nav" meta-data-adjust-app="hide">
                
                <div id="edit-header-drop">
                    <script type="text/html" id="header-lazyload-html-drop" class="header-lazyload-html" data-holder="#holder-drop">
                        <div class="header-dropdown" style="margin-top: -15px;">
                            <ul class="header-dropdown-list">
                                <?php foreach($base_data['nav_class'] as $key=>$vo): if(change_lower_symbol($vo['first']['cname'])=='products'){?>
                                <li class="header-dropdown-product J-drop-product header-backdrop-filter" data-name="<?php echo change_lower_symbol($vo['first']['cname']); ?>" bi_parent_name="<?php echo change_lower_symbol($vo['first']['cname']); ?>">
                                    <div class="dropdown-product-container" data-define="dropdown-container">
                                        <div class="dropdown-product-wrapper">
                                            <div class="dropdown-product-wrapper-top">
                                                <div class="dropdown-product-wrapper-left">
                                                    <form class="link-searcher" data-target="Product" data-no-results-text="未找到结果，请重新输入" data-nav-index="0" tabindex="-1">
                                                        <input class="link-searcher-input" type="text" placeholder="搜索分类" autocomplete="off">
                                                        <i class="link-searcher-clear"></i>
                                                        <button class="link-searcher-submit" type="submit" bi_name="">
                                                            <i class=""></i>
                                                        </button>
                                                        <div class="link-searcher-drop">
                                                            <ul></ul>
                                                        </div>
                                                    </form>
                                                </div>
                                                <div class="dropdown-product-wrapper-right">
                                                    <div class="dropdown-product-content-link">
                                                        <a href="/product/" style="text-decoration: none;">查看所有产品<i class="header-icon-arrow-right-large"></i></a>
                                                    </div>
                                                </div>
                                            </div>
                                           
                                            <div class="dropdown-product-wrapper-bottom">
                                                <div class="dropdown-product-wrapper-left">
                                                    <div class="dropdown-product-nav-container J-product-nav-container">
                                                        <div class="dropdown-product-nav J-product-nav">
                                                            <ul>
                                                                <?php foreach($base_data['nav_class'][0]['second'] as $k=>$v): if($k==0){ ?>
                                                                <li class="active" data-nav-index="1">
                                                                    <a style="text-decoration: none !important" class="dropdown-product-nav-menu" href="/<?php echo htmlentities($v['url']); ?>" data-target="<?php echo change_lower_symbol($vo['first']['cname']); ?>-<?php echo change_lower_symbol($v['cname']); ?>">
                                                                        <p class="dropdown-product-nav-menu-text"><span style="font: inherit;color: #72777d;font-size: 14px;"><?php echo ucwords($v['alias_name']); ?></span></p>
                                                                    </a>
                                                                </li>
                                                                <?php }else{?>
                                                                <li data-nav-index="1">
                                                                    <a style="text-decoration: none !important" class="dropdown-product-nav-menu" href="/<?php echo htmlentities($v['url']); ?>" data-target="<?php echo change_lower_symbol($vo['first']['cname']); ?>-<?php echo change_lower_symbol($v['cname']); ?>">
                                                                        <p class="dropdown-product-nav-menu-text"><span style="font: inherit;color: #72777d;font-size: 14px;"><?php echo ucwords($v['alias_name']); ?></span></p>
                                                                    </a>
                                                                </li>
                                                                <?php } ?>
                                                                <?php endforeach; ?>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="dropdown-product-wrapper-right J-pro-wrapper-right">
                                                    <div class="dropdown-product-body J-product-body" data-name="产品" data-nav-index="0">
                                                        <?php foreach($base_data['nav_class'][0]['second'] as $k=>$v): $sds=Db::table('lily_classify')->where([['fid','=',$v['id']],['status','=',1],['is_show','=','1']])->order('seq','asc')->select(); if($k==0){?>
                                                        <div class="dropdown-product-content show" data-name="<?php echo change_lower_symbol($vo['first']['cname']); ?>-<?php echo change_lower_symbol($v['cname']); ?>">
                                                        <?php }else{ ?>
                                                        <div class="dropdown-product-content" data-name="<?php echo change_lower_symbol($vo['first']['cname']); ?>-<?php echo change_lower_symbol($v['cname']); ?>">
                                                        <?php } ?>
                                                            <div class="dropdown-product-content-middle" >
                                                                <?php if(!empty($sds)){foreach($sds as $k1=>$v1): if($v1['is_tag']!=1){?>
                                                                <div class="dropdown-product-module ">
                                                                    <a style="text-decoration: none !important;vertical-align: middle;" href="/<?php echo get_class_uplower_url($v1['id']); ?>" class="dropdown-product-item" data-keywords="">
                                                                        <img class="dropdown-product-item-icon" src="<?php echo Config::get('app.images_host'); ?><?php echo htmlentities($v1['img']); ?>?x-oss-process=image/resize,w_50,h_50,m_pad/auto-orient,1/quality,q_100/format,png" style="width:50px;height: 50px;"></img>
                                                                        <p class="dropdown-product-item-title" style="font-weight: 0 !important;font: inherit;color: #72777d;font-size: 14px;"><?php echo ucwords($v1['alias_name']); ?></p>
                                                                    </a>
                                                                </div>
                                                                <?php }else{ $sds1=Db::table('lily_classify')->where([['fid','=',$v1['id']],['status','=',1],['is_show','=','1']])->order('seq','asc')->select(); ?>
                                                                <div class="dropdown-product-group col-4">
                                                                    <a style="text-decoration: none;font-weight: bold;" class="dropdown-product-group-title"><?php echo ucwords($v1['alias_name']); ?></a>
                                                                    <div class="dropdown-product-group-content">
                                                                        <?php foreach($sds1 as $k2=>$v2): ?>
                                                                        <div class="dropdown-product-module">
                                                                            <a style="text-decoration: none !important;" href="/<?php echo get_class_uplower_url($v2['id']); ?>" class="dropdown-product-item" >
                                                                                <img class="dropdown-product-item-icon" src="<?php echo Config::get('app.images_host'); ?><?php echo htmlentities($v2['img']); ?>?x-oss-process=image/resize,w_50,h_50,m_pad/auto-orient,1/quality,q_100/format,png" style="width:50px;height: 50px;"></img>
                                                                                <p class="dropdown-product-item-title" style="font-weight: 0 !important;font: inherit;color: #72777d;font-size: 14px;"><?php echo ucwords($v2['alias_name']); ?></p>
                                                                            </a>
                                                                        </div>
                                                                        <?php endforeach; ?>
                                                                    </div>
                                                                </div>
                                                                <?php }?>
                                                                <?php endforeach; }else{ ?>
                                                                <div class="dropdown-product-module ">
                                                                    <a style="text-decoration: none !important;" href="/<?php echo get_class_uplower_url($v['id']); ?>" class="dropdown-product-item" data-keywords="">
                                                                        <p class="dropdown-product-item-title" style="font-weight: 0 !important;font: inherit;color: #72777d;font-size: 14px;"><?php echo ucwords($v['alias_name']); ?></p>
                                                                    </a>
                                                                </div>
                                                                <?php } ?>
                                                            </div>
                                                        </div>
                                                        <?php endforeach; ?>
                                                    </div>
                                                </div>
                                            </div>
                                            <style type="text/css">
                                                    .dropdown-product-search-content a{text-decoration: none !important;}
                                                    .dropdown-product-search-content a p{font-weight: 0 !important;font: inherit;color: #72777d;font-size: 14px;}
                                                </style>
                                            <div class="dropdown-product-search-content">
                                                
                                            </div>
                                        </div>
                                        <div class="header-dropdown-close J-drop-close"></div>
                                    </div>
                                </li>
                                <?php }else{ $sds=Db::table('lily_classify')->where([['fid','=',$vo['first']['id']],['status','=',1],['is_show','=','1']])->order('seq','asc')->select();?>
                                <li class="header-dropdown-price J-drop-common header-backdrop-filter" data-name="<?php echo change_lower_symbol($vo['first']['cname']); ?>" bi_parent_name="<?php echo change_lower_symbol($vo['first']['cname']); ?>">
                                    <div class="dropdown-common-container" data-define="dropdown-container">
                                        <div class="dropdown-common-wrapper">
                                            <div class="dropdown-common-wrapper-inner">
                                                <div class="dropdown-common-wrapper-bottom">
                                                    <div class="dropdown-common-wrapper-left has-activity">
                                                         <?php foreach($sds as $k=>$v): ?>
                                                        <div class="dropdown-common-module">
                                                            <div class="dropdown-common-module-inner">
                                                                <a style="text-decoration: none !important;" href="/<?php echo get_class_uplower_url($v['id']); ?>" class="dropdown-common-item">
                                                                    <p class="dropdown-common-item-title" style="font-weight: 0 !important;font: inherit;color: #72777d;font-size: 14px;"><?php echo ucwords($v['alias_name']); ?></p>
                                                                </a>
                                                            </div>
                                                        </div>
                                                        <?php endforeach; ?>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="header-dropdown-close J-drop-close"></div>
                                    </div>
                                </li>
                                <?php } ?>
                                <?php endforeach; ?>

                            </ul>
                        </div>
                    </script>
                    <script type="text/html" id="header-lazyload-html-mbnav" class="header-lazyload-html" data-holder="#holder-mbnav">
                        <div class="header-mbnav">
                            <div class="header-mbnav-inner">
                                <div class="header-mbnav-leftmenu">
                                    <ul class="header-mbnav-menulist">
                                         <?php foreach($base_data['nav_class'] as $key=>$vo): ?>
                                        <li data-key="<?php echo change_lower_symbol($vo['first']['cname']); ?>" class="">
                                            <a bi_name="<?php echo change_lower_symbol($vo['first']['cname']); ?>"><span><?php echo ucwords($vo['first']['alias_name']); ?></span></a>
                                        </li>
                                        <?php endforeach; ?>
                                        
                                        <li data-key="language" class="" >
                                            <a bi_name="Language"><span>语言</span></a>
                                        </li>
                                    </ul>
                                </div>
                                <ul class="header-mbnav-collapses">
                                    <?php foreach($base_data['nav_class'] as $key=>$vo): ?>
                                    <li data-name="<?php echo change_lower_symbol($vo['first']['cname']); ?>" bi_parent_name="<?php echo change_lower_symbol($vo['first']['cname']); ?>">
                                        <?php if($vo['first']['cname']!='Resources'){?>
                                        <div class="header-mbnav-level2-content-index">
                                            <a style="text-decoration: none !important;" href="/<?php echo htmlentities($vo['first']['url']); ?>"><span><?php echo ucwords($vo['first']['alias_name']); ?></span><i class="header-icon-arrow-right"></i></a>
                                        </div>
                                        <?php } $sds=Db::table('lily_classify')->where([['fid','=',$vo['first']['id']],['status','=',1],['is_show','=','1']])->order('seq','asc')->select();foreach($sds as $k=>$v): ?>
                                        <div class="header-collapse header-collapse-level1 closed">
                                            <div class="header-collapse-head">
                                                <a style="text-decoration: none !important;" href="/<?php echo get_class_uplower_url($v['id']); ?>" bi_name="jump">
                                                    <p bi_name="<?php echo change_lower_symbol($v['cname']); ?>_jump"><span><?php echo ucwords($v['alias_name']); ?></span></p>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="header-collapse-line no-splitLine"></div>
                                        <?php endforeach; ?>
                                    </li>
                                    <?php endforeach; ?>
                                    
                                   
                                    <li data-name="language">
                                        <div class="header-mbnav-level2-item">
                                            <a style="text-decoration: none !important;" class="header-mbnav-level2-item_link active" href="https://www.lilybearing.com/">简体中文<i class="layui-icon layui-icon-ok" style="font-size: 14px; color: #36648a;"></i> </a>
                                            <a style="text-decoration: none !important;" class="header-mbnav-level2-item_link" href="https://www.lilybearing.com/">English</a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            
                        </div>
                    </script>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
</div>

<!-- end 脚部 -->
<script src="/static/js/jquery-2.1.4.min.js"></script>
<script src="/static/layui/layui.js" charset="utf-8"></script>
<script src="/static/js/footer-us.js?t=<?php echo time(); ?>" type="text/javascript"></script>
<script src="/static/js/footer-hua-es.js?t=<?php echo time(); ?>" type="text/javascript"></script>
<script>
window.gConfig = window.gConfig || {}; window.gConfig.seed = window.gConfig.seed || [];
window.gConfig.seed.push({
name: '@cloud/pep-header-and-footer-china', data:
{
"packages": {
"@cloud/pep-header-and-footer-china": {
"path": "/hua/cnpm/china/",
},
"@cloud/lazyload": {
"path": "/hua/cnpm/lazyload/",
},
"@cloud/portal-utils": {
"path": "/hua/cnpm/utils/",
},
},
"modules": {
"@cloud/pep-header-and-footer-china/m/index": {
"requires": [
  "@cloud/portal-utils",
  "@cloud/lazyload"
]
},
"@cloud/pep-header-and-footer-china/pc/index": {
"requires": [
  "@cloud/portal-utils",
  "@cloud/lazyload"
]
}
}
}
})
</script>
<script src="/hua/js/g1.js"></script>

<script type="text/javascript" src="/hua/js/feloader.js" crossorigin="anonymous"></script>

<script>
if( !/pcloudApp/i.test(navigator.userAgent) ){
$("#header").css("display","block");
}
</script>


</body>
</html>

<script type="text/javascript">
$(function(){
var cartloaded = false;
$("#order_num_change_img").hover(function(){
if(!cartloaded){
    $.ajax({
        url: '<?php echo url("/payment/addorder/order_ajax"); ?>',/*传向后台服务器文件*/
        type: 'POST',    /*传递方法 */
        dataType: 'json',  //传递数据的格式
        async: true, //这是重要的一步，防止重复提交的
        cache: false,  //设置为false，上传文件不需要缓存。
        contentType: false,//设置为false,因为是构造的FormData对象,所以这里设置为false。
        processData: false,//设置为false,因为data值是FormData对象，不需要对数据做处理。

        success: function (res){
            if(res.status==1){
                var h = '';
                $.each(res.cookiedata,function (index,el){
                    h += '<div class="wrapper-order-li"><div class="wrapper-order-li-left"><img src="'+el.img+'?x-oss-process=image/resize,w_40,h_40,m_pad/auto-orient,1/quality,q_90/format,png">';
                    h += '<span><a href="'+el.url+'">'+el.Product_Number+'</a></span></div>';
                    h += '<div class="wrapper-order-li-right"><span>Price: '+el.Price+'</span>, <span>Num: '+el.num+'</span></div><div style="clear:both"></div></div>';
                });
                if(res.cookiedata.length==0){
                     $("#wrapper-order").html('');
                     $("#wrapper-order").hide();
                }else{
                    h += '<div class="wrapper-order-li-look"><a href="/order/">View Order</a></div>';
                    $("#wrapper-order").empty();
                    $("#wrapper-order").append(h);
                    cartloaded = true;
                }

            }
        }
    });
}
if(cartloaded) {
    $("#wrapper-order").show();
}
return false;
},function (){
if(cartloaded) {
    $("#wrapper-order").hide();
}
});
$("#wrapper-order").hover(function (){
if(cartloaded){
    $("#wrapper-order").show();
}
},function (){
if(cartloaded){
    $("#wrapper-order").hide();
}
})
});
</script>

<script type="text/javascript">
layui.use('form', function(){
var form = layui.form;

form.on('submit(footer_formDemo)', function(data){
var index = layer.load(1, { shade: [0.1,'#fff'] });
var name=$.trim($("input[name='footer_name']").val());
var email=$.trim($("input[name='footer_email']").val());
var phone=$.trim($("input[name='footer_phone']").val());
var code = $.trim($("input[name='footer_code']").val());
var comments=$.trim($("textarea[name='footer_comments']").val());
var company='';
var Product_Number='';

var lasturl=<?php if(isset($_SERVER['HTTP_REFERER'])){ echo "'".$_SERVER['HTTP_REFERER']."'";}else{echo "'"."'";}?>;/*上一个页面的url 不能在ajax里面书写这样就多了一层页面关系*/
var nowurl=window.location.href;/*当前页面url*/
var formData = new FormData();
formData.append('name', name);
formData.append('email', email);
formData.append('phone', phone);
formData.append('comments', comments);
formData.append('lasturl', lasturl);
formData.append('nowurl', nowurl);
formData.append('code', code);
formData.append('Product_Number', Product_Number);
formData.append('company', company);

$.ajax({
    url: "<?php echo url('index/xunpan/send_inquiry'); ?>",/*传向后台服务器文件*/
    type: 'POST',    /*传递方法 */
    data: formData,  /*要带的值，在这里只能带一个formdata ，不可以增加其他*/
    dataType: 'json',  //传递数据的格式
    async: true, //这是重要的一步，防止重复提交的
    cache: false,  //设置为false，上传文件不需要缓存。
    contentType: false,//设置为false,因为是构造的FormData对象,所以这里设置为false。
    processData: false,//设置为false,因为data值是FormData对象，不需要对数据做处理。

    success: function (res){
        if(res.status==1){
            layer.closeAll('loading');
            $(".layui-form input").each(function(){
                $(this).val('');
            })
            $(".layui-textarea").val('');
            $('#successfullyfrom_footer').css('display','block');
            return false;
        }else{
            layer.closeAll('loading');
            if(res.name!='no'){
                layer.tips(res.msg, '#'+res.name.replace("form","footer_"), {
                    tips: [1, '#5FB878'],
                    area: ['200px', 'auto']
                });
            }else{
                layer.msg(res.msg, {
                    time: 2000,
                    icon: 5
                });
            }
        }
    }
});

return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
});
})
</script>
<script type="text/javascript">
layui.use('form', function(){
var form = layui.form;

form.on('submit(subscribe_formDemo)', function(data){
var email=$.trim($("input[name='subscribe_email']").val());
var formData = new FormData();
formData.append('email', email);

$.ajax({
    url: "<?php echo url('index/xunpan/subscribe_email'); ?>",/*传向后台服务器文件*/
    type: 'POST',    /*传递方法 */
    data: formData,  /*要带的值，在这里只能带一个formdata ，不可以增加其他*/
    dataType: 'json',  //传递数据的格式
    async: true, //这是重要的一步，防止重复提交的
    cache: false,  //设置为false，上传文件不需要缓存。
    contentType: false,//设置为false,因为是构造的FormData对象,所以这里设置为false。
    processData: false,//设置为false,因为data值是FormData对象，不需要对数据做处理。

    success: function (res){
        if(res.status==1){
            layer.closeAll('loading');
            $("input[name='subscribe_email']").val('');
            $('#successfullyfrom_footer').css('display','block');
            return false;
        }else{
            layer.closeAll('loading');
            if(res.name!='no'){
                layer.tips(res.msg, '#'+res.name, {
                    tips: [1, '#5FB878'],
                    area: ['200px', 'auto']
                });
            }else{
                layer.msg(res.msg, {
                    time: 2000,
                    icon: 5
                });
            }
        }
    }
});

return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
});
})
function close_successfullyfrom_footer(){
$('#successfullyfrom_footer').css('display','none');
}
</script>
<script type="text/javascript">
layui.use("element", function () {
var element = layui.element;
});
</script>

<script type="text/javascript">
function lan_qihuan2(){
$(".qlang-sechond").css('display','block');
}

function qlang_hover(){
$("#qlang-sechond-l1").css('background','#ffffff');
$("#qlang-sechond-l1 a").css('color','black');
$("#qlang-sechond-l1 i").css('color','#ffffff');
}
function qlang_hover_out(){
$("#qlang-sechond-l1").css('background','#36648a');
$("#qlang-sechond-l1 a").css('color','#ffffff');

}

$(document).mouseup(function(e) {
var _con = $('#qlang');
if( !_con.is(e.target) && _con.has(e.target).length === 0 ){
$('#qlang-sechond').css('display','none');
}
});
</script>
<script type="text/javascript">
    var Product_Number =<?php echo "'".$zhu['Part Number']."'" ?>;
    var lasturl=<?php if(isset($_SERVER['HTTP_REFERER'])){ echo "'".$_SERVER['HTTP_REFERER']."'";}else{echo "'"."'";}?>;/*上一个页面的url 不能在ajax里面书写这样就多了一层页面关系*/
    var nowurl=window.location.href;/*当前页面url*/
    var posturl="<?php echo url('index/Xunpan/send_inquiry'); ?>";
    var source_log = "<?php echo url('/index/Base/log?source=2'); ?>"
           
</script>
<script src="/static/js/form.js?v=<?php echo time(); ?>" charset="utf-8"></script>
<script type="text/javascript">
    function download_cad(){
       var index = layer.load(1, { shade: [0.1,'#fff'] });
       $('#download_cad').disabled=true;//禁用
       var format=$.trim($("select[name='selcad'] option:selected").val());
       location.href=format;
       layer.closeAll('loading');
       $('#download_cad').disabled=false;
      }
    $(document).ready(function(){
      $("#detailmoreid").click(function(){
        $("#detailmore").show();
        $("#detailmoreid").hide();
      });
      $("#detailcloseid").click(function(){
        $("#detailmore").hide();
        $("#detailmoreid").show();
      });
    });
    /*$(document).on('click', '#detai_left_main', function(data){
            var imgSrc=$(this).attr('src');
            layer.open({
                type:1
                ,title:false
                ,closeBtn:0
                ,skin:'layui-layer-nobg'
                ,shadeClose:true
                ,content:'<img style="width:100%;height:100%;" class="layui-upload-img" src="'+ imgSrc +'"/>'
            })
        });*/
    var area = [];
        if (window.screen.width > 1680 && window.screen.width <= 1920) {
            area = ['25%', '50%']
        } else if (window.screen.width > 1600 && window.screen.width <= 1680) {
            area = ['25%', '50%']
        } else if (window.screen.width > 1366 && window.screen.width <= 1600) {
            area = ['25%', '50%']
        } else if (window.screen.width <= 1366) {
            area = ['25%', '50%']
        }

        $(document).on('click','#detai_left_main',function(){
            var bianda=$(this).attr('src')
            if(bianda.indexOf("?") != -1){
                bianda = bianda.split("?")[0];
            }
            layer.open({
                type: 1,
                title: false,
                closeBtn: 0,
                shadeClose: true, //点击阴影关闭
                area: area , //宽高
                //area: [$(this).width+100 + 'px', $(this).height+100 + 'px'], //宽高
                content: "<img style='width:100%;height:100%;object-fit:contain' src=" + bianda + " />"
            });
        });

$(document).ready(function(){
    $('#gou-zhuyi').mouseover(function(){
       $('#gou-zhuyi-content').css('display','block')
    })
    /*$('#gou-zhuyi').mouseout(function(){
       $('#gou-zhuyi-content').css('display','none')
    })*/
}); 

$(document).click(function(){
  $("#gou-zhuyi-content").hide();
});
$("#gou-zhuyi-content").click(function(event){
event.stopPropagation();
});
function gou_zhuyi_content(){
    $("#gou-zhuyi-content").hide();
}
</script>
